import React from 'react';
import { Outlet } from 'react-router-dom';

const AccountSystem: React.FC = () => {
  return (
    <nav>
      <ul>
        <li><a href="/account/subpage1">子页面1</a></li>
        <li><a href="/account/subpage2">子页面2</a></li>
      </ul>
    </nav>
  );
};

const AccountSystemHome: React.FC = () => {
  return (
    <div>
      <h1>账户系统</h1>
      <AccountSystem />
      {/* 渲染子路由的组件 */}
      <Outlet /> 
    </div>
  );
};

export default AccountSystemHome;